﻿(function (ns) {
	ns.customer = {
		init: function (url) {
			ns.customer.returnUrl = url;
			/* 获取最近访问列表 */
			ns.customer.loadRecent();
		},
		quickQueryText: "#customer-quick-query",
		quickQuery: function () {
			if ($(ns.customer.quickQueryText).val().length == 0) {
				if (!$(ns.customer.quickQueryText).hasClass("hidden")) {
					$(ns.customer.quickQueryText).addClass("hidden");
					$("#customer-quick-query-row").html("");
					$("#customer-quick-query-panel").fadeOut();
					return;
				}
			}
			if ($(ns.customer.quickQueryText).hasClass("hidden")) {
				$(ns.customer.quickQueryText).removeClass("hidden");
			} else {
				$("#customer-quick-query-row").html("");
				$("#customer-quick-query-panel").find("h3").html("正在查询 <i class=\"fa fa-spinner fa-spin\"></i>");
				m.fix.ajax.async("Custom", "Qurey", { "keyword": $(ns.customer.quickQueryText).val() },
					function (data) {
						$("#customer-quick-query-panel").fadeIn();
						if (data.length == 0) {
							$("#customer-quick-query-row").html("<span><i class=\"fa fa-coffee\"></i> 未查询到匹配记录</span>");
						} else {
							for (var i = 0; i < data.length; i++) {
								var item = $("<div>", { "class": "col-xs-6 col-sm-4 col-md-2 customer-item" });
								var link = $("<a>", {
									"href": "/Dashboard/" + data[i].CustomShortName
								});
								$("<img>", {
									"class": "img-circle",
									"src": "/Content/images/customer-logo/" + data[i].CustomShortName + ".jpg",
									"onerror": "this.src = '/Content/images/logo_a.jpg'"
								}).appendTo(link);
								link.html(link.html() + " " + data[i].CustomName);
								link.appendTo(item);
								item.appendTo($("#customer-quick-query-row"));
							}
						}
						$("#customer-quick-query-panel").find("h3").html("搜索结果");
					});
			}
			return false;
		},
		openNew: function () {
			alert('Coming Soon...');
		},
		loadRecent: function () {
			m.fix.ajax.async("Custom", "GetVisitHistory", { "top": 6 },
				function (data) {
					$("#customer-recent-panel-row").html("");
					if (data.length == 0) {
						$("#customer-recent-panel").fadeOut();
						return;
					}
					$("#customer-recent-panel").fadeIn();
					for (var i = 0; i < data.length; i++) {
						var item = $("<div>", { "class": "col-xs-6 col-sm-4 col-md-2 customer-item" });
						var btn = $("<button>", {
							"type": "button pull-right",
							"class": "close",
							"aria-label": "Close",
							"onclick": "m.customer.removeRecent(this);",
							"visitid": data[i].VisitGUID
						});
						$("<span>", {
							"aria-hidden": "true",
							html: "&times;"
						}).appendTo(btn);
						btn.appendTo(item);
						var link = $("<a>", {
							"href": "/Dashboard/" + data[i].Custom.CustomShortName
						});
						$("<img>", {
							"class": "img-circle",
							"src": "/Content/images/customer-logo/" + data[i].Custom.CustomShortName + ".jpg",
							"onerror": "this.src = '/Content/images/logo_a.jpg'"
						}).appendTo(link);
						link.html(link.html() + " " + data[i].Custom.CustomName);
						link.appendTo(item);
						item.appendTo($("#customer-recent-panel-row"));
					}
					$("#customer-recent-panel").find("h3").html("最近浏览");
				});
		},
		removeRecent: function (btn) {
			$("#customer-recent-panel").find("h3").html("最近浏览 <i class=\"fa fa-spinner fa-spin\"></i>");
			m.fix.ajax.async("Custom", "RemoveVisitHistory", { "visitId": $(btn).attr("visitid") },
				function (data) {
					ns.customer.loadRecent();
				});
			return false;
		}
	}
})(m)
